.angebote-info {   display: grid;   grid-template-columns: auto auto 1fr;   row-gap: 1.5rem;   column-gap: 0.7rem;   align-items: center;   max-width: max-content;   border: 2px solid var(--main-color);   border-radius: 1.5rem;   padding: 1rem;   margin-bottom: 3rem; } .angebote-info__img {   grid-column: 1/3;   align-self: start; } .angebote-info strong {   font-size: 2.6rem;   margin: 0; } .angebote-info p {   font-size: 2.4rem;   margin: 0; } .offers__dialog[open] {   font-size: 1rem; } .offers__dialog {   --btn-head-w: 3.5rem;   --space-left: 2rem; } .offers__inner {   display: grid;   grid-template-columns: 1fr 4rem; } .offers__scroll-container {   grid-row: 3;   grid-column: 1/3;   padding-right: var(--pd-lr2); } .offers__close-btn {   grid-row: 1;   grid-column: 2;   width: 3.5rem;   font-weight: 500;   padding: 0; } .offers__close-btn::before {   content: 'X'; } .offers__dialog .btn--print {   display: block; } .offers__head {   grid-row: 2;   grid-column: 1;   display: grid;   grid-template-columns: 1fr 4rem;   margin-right: var(--space-left);   position: relative; } .offers__head button {   min-width: var(--btn-head-w); }  .offers__section:last-child {   border-bottom: 0; } .offers__section-h>span {   padding: 3px; } .details__title.offers__section-h {   font-size: 2.4em; } .c-dialog .offers__heading {   text-align: left;   flex-grow: 1;   font-size: 2.8em; } .c-dialog.offers__dialog * {   text-align: left; } .c-dialog.offers__dialog {   width: min(90vw, 110rem);   overflow-y: hidden;   --pd-lr: clamp(1rem, 10vi + -7rem, 5rem);   --pd-lr2: calc(var(--pd-lr) / 2);   padding: 1rem var(--pd-lr2) 2rem var(--pd-lr); } .c-dialog.offers__dialog .angebot__date {   font-size: 1.6em;   grid-row: 4;   grid-column: 1; } .offers__form {   display: grid;   row-gap: 1rem;   margin-top: 3rem;   max-width: 80rem;   position: relative;   --frm-bdr: 2rem;   --error-msg-h: 2.4rem;   --half-error-msg-h: calc(var(--error-msg-h) / 2); } .offers__form-input-cmb {   grid-column: 1;   grid-row: 1/3;   grid-template-rows: subgrid; } .offers__form-submit {   grid-row: 1;   grid-column: 2;   height: 100%;   width: max-content;   justify-self: left;   margin-left: 1rem;   font-size: 2.4em; } .offers__form-chk-container {   display: flex;   justify-content: left;   padding-left: var(--space-left);   grid-row: 3;   grid-column: 1;   row-gap: 5px; } .offers__list {   list-style: none;   background-color: var(--blue-50);   box-shadow: var(--box-shadow-z2);   --offers-list-pd:12px; } .offers__li {   padding: var(--offers-list-pd) 0 var(--offers-list-pd) var(--space-left); } .offers__li:nth-child(2n) {   background-color: white; } .angebot {   display: grid;   grid-template-columns: 1fr var(--img-angebot-w);   text-decoration: none;   color: black;   --img-angebot-w: 22rem;   --img-angebot-h: 10rem; } .angebot__inner {   grid-column: 1;   display: flex;   flex-direction: column;   justify-content: space-between; } .angebot__inner>* {   text-decoration: none; } .angebot__heading {   font-size: 2.4em;   grid-row: 1;   grid-column: 1; } .angebot__name {   color: var(--grey-500);   font-size: 2em;   grid-row: 2;   grid-column: 1; } .angebot__gesponsert {   grid-row: 1;   grid-column: 2;   justify-self: end;   padding: 5px;   font-size: 1.4em;   font-weight: 600;   position: relative;   bottom: var(--offers-list-pd);   background: var(--main-color);   color: white;   border-bottom-left-radius: 1rem;   height: max-content; } .angebot__info-container {   display: flex;   flex-wrap: wrap;   gap: 0.5rem;   grid-row: 3;   grid-column: 1; } .angebot__info {   --icon-url: url('../img/ausbildung.svg');   display: flex;   align-items: center;   font-size: 1.6em;   gap: 5px; } .angebot__info--ort {   --icon-url: url('../img/ort.svg') } .angebot__info--ausbildung, .angebot__info--weiterbildung, .angebot__info--studium {   --icon-url: url('../img/ausbildung.svg') } .angebot__info--job {   --icon-url: url('../img/job.svg') } .angebot__info::before {   content: var(--icon-url);   position: relative;   top: 2px; } .angebot__img-wrapper {   grid-row: 1 / 5;   grid-column: 2;   align-self: center; } .angebot__img {   max-width: var(--img-angebot-w);   max-height: var(--img-angebot-h);   padding-right: 1rem; }  .input-cmb {   display: grid;   grid-template-columns: 1fr max-content;   --i-cmb-pd: 10px;   --i-cmb-bdr: var(--frm-bdr);   --i-cmb-bd: 2px solid var(--grey-600);   font-size: 1.6em;   position: relative; } .input-cmb__input {   grid-column: 1;   grid-row: 1;   padding: var(--i-cmb-pd);   margin: 0;   border: var(--i-cmb-bd);   border-radius: var(--i-cmb-bdr) 0 0 var(--i-cmb-bdr); } .input-cmb__input.input-cmb__input--bg-ort {   --bg-w: 1.4em;   --bg-pd-r: 5px;   background: url('../img/ort.svg') no-repeat var(--i-cmb-pd) center / var(--bg-w) var(--bg-w);   padding-left: calc(var(--i-cmb-pd) + var(--bg-w) + var(--bg-pd-r));  } .input-cmb__cmb>.cmb__btn {   border-radius: 0 var(--i-cmb-bdr) var(--i-cmb-bdr) 0; } .input-cmb__input:focus-visible {   outline: none; } .input-cmb__cmb {   grid-row: 1;   grid-column: 2;   width: 6.5em; } .offers__form-input-cmb.error>.input-cmb__input, .offers__form-input-cmb.error>.input-cmb__cmb {   grid-row: 1; } .offers__form-input-cmb:not(.error)~.offers__form-chk-container {   padding-top: var(--half-error-msg-h);   padding-bottom: var(--half-error-msg-h); } .input-cmb__error {   display: none; } .input-cmb__error {   height: var(--error-msg-h);   font-size: var(--fs-s); } .offers__form-input-cmb.error .input-cmb__error {   display: block;   grid-row: 3;   grid-column: 1 / 3;   color: var(--c-error);   padding-left: var(--space-left); } .offers__form-input-cmb.error~.offers__form-submit {   grid-row: 1; } .input_cmb__autocomplete {   grid-row: 2;   grid-column: 1;   width: max-content;   overflow-y: scroll; } .input_cmb__autocomplete>ul {   border: none; } .input_cmb__autocomplete:not(:has(ul>li)) {   overflow-y: hidden; } .input_cmb__autocomplete>ul>li {   max-height: calc(10 * 2.5rem);   height: 2.5rem; } .input-cmb__cmb>.cmb__btn {   background: var(--main-color);   color: hsl(0, 0%, 100%);   padding: var(--i-cmb-pd) var(--i-cmb-pd) var(--i-cmb-pd) 5px;   height: 100%;   border-top-left-radius: 0;   border-bottom-left-radius: 0;   border: 0; } .input-cmb__cmb .cmb__options-container {   width: max-content; } .input-cmb__cmb .cmb__options-lbl {   display: block;  margin: 0;   padding: 1em 1em 0 1em; } .chk__container {   display: grid;   grid-template-columns: var(--chk-size) 1fr max-content var(--chk-size);   align-items: baseline;   --chk-size: 1.25em;   --chk-border-width: 0.2rem;   --chk-color: var(--main-color);   gap: 0.5rem;   grid-column: 2/4; } .chk {   width: var(--chk-size);   height: var(--chk-size);   aspect-ratio: 1/1;   border: var(--chk-border-width) solid var(--chk-color);   border-radius: 0.15em;   transform: translateY(-0.075em);   display: grid;   place-content: center; } .chk::before {   content: "✓";   transform: scale(0);   transition: 120ms transform ease-in-out; } .chk:checked {   background-color: var(--main-color);   color: white; } .chk:checked::before {   transform: scale(1);   content: "✓";   align-self: baseline;   justify-self: center;   text-align: center;   display: flex; } .chk:disabled {   color: var(--col-disabled); } .chk:disabled~.chk__label {   color: var(--col-disabled); } .chk:disabled~.chk__item-count {   color: var(--col-disabled); } .chk__label {   display: inline-flex;   align-items: baseline;   gap: 4px;   justify-content: space-between; } .offers__dialog {   border: 0; } .offers__section-container {   display: flex;   flex-direction: column;   gap: var(--gap);   --gap: clamp(1rem, 7.86vi + -1.59rem, 3.9rem); } .offers__section-container .offers__sort {   font-size: var(--fs-s);   font-weight: 600;   text-align: right;   margin-bottom: calc(var(--gap) * -0.6); } .offers__sort_btn.selected {   text-decoration: underline;   color: var(--main-color); } .bkm {   display: flex;   position: relative;   align-self: start;   --bkm-bdr: 10px;   --bkm-pd: 5px; } .bkm__txt {   display: none; } .bkm__btn {   filter: brightness(100%);   align-items: center; padding: var(--bkm-pd);   border-top-right-radius: var(--bkm-bdr);   border-bottom-right-radius: var(--bkm-bdr); } .bkm.open > .bkm__btn {   background: var(--main-color); } .bkm.open .btn--print-icon {   filter: invert(1); } .bkm.open > .bkm__txt {   position: absolute;   right: var(--btn-head-w);   text-align: right;   width: max-content;   padding: 0 var(--bkm-pd);   height: 100%;   display: inline-flex;   align-items: center;   background: var(--main-color);   color: white;   font-size: var(--fs-xs);   border-top-left-radius: var(--bkm-bdr);   border-bottom-left-radius: var(--bkm-bdr); } @media (max-width: 699.8px) {   .c-dialog.offers__dialog {  width: 100vw;  max-width: 100vw;  transform: none;  left: 0;  top: 0;  border-top-left-radius: 0;  border-top-right-radius: 0;   }   .c-dialog.offers__dialog * {  overflow-wrap: break-word;  word-break: break-word;   }   .offers__form {  max-width: 50rem;  width: calc(100vw - (2 * var(--pd-lr)));   }   .offers__form-chk-container {  flex-wrap: wrap;   }   .offers__form-input-cmb.error~.offers__form-submit {  grid-row: 4;   }   .offers__form-submit {  grid-row: 4;  grid-column: 1;  padding: 1rem;  border-radius: var(--frm-bdr)   }   .details__title--arrow-left {  display: inline-flex;  flex-wrap: wrap;   }   .input-cmb__input {  min-width: 0;   }   .input-cmb__input::placeholder{  font-size: 1.4rem;   }   .offers__close-btn {  grid-column: 1;  aspect-ratio: unset;  width: max-content;  background: white;  color: black;  font-weight: 400;  border-radius: 5px;   }   .offers__dialog[open] {  background: white;  color: black;  font-weight: 400;  border-radius: 0;  height: max-content;  aspect-ratio: unset;   }   .offers__close-btn::before {  content: '←';  transition: all 0.2s ease-in;   }   .offers__close-btn:hover {  right: 3px;  font-weight: 500;  background-color: white;  color: black;   }   .offers__li{  padding-top: 0;   }   .angebot {  grid-template-columns: var(--img-angebot-w) 1fr;  gap: 8px;   }   .angebot__img-wrapper {  border: 2px solid var(--grey-300);  border-radius: 2rem;  display: flex;  align-items: center;  aspect-ratio: 3/2;  max-width: 18rem;  grid-row: 4;  grid-column: 1;   }  .angebot__img {  padding: 1rem;   }   .angebot__gesponsert{  grid-row: 1;  bottom: 0;   }   .angebot__heading {  grid-column: 1/3;  grid-row: 2;   }   .angebot__name {  grid-column: 1/3;  grid-row: 3;   }   .angebot__info-container {  grid-column: 2;  grid-row: 4;  flex-direction: column;  justify-content: space-evenly;   }   .c-dialog.offers__dialog .angebot__date {  grid-column: 1/3;  grid-row: 5;   }   .offers__section-container .offers__sort {  text-align: center;   }   .c-dialog__scroll-container {  width: 100vw;  left: calc(var(--pd-lr) * -1);  position: relative;  padding-left: var(--pd-lr);  overflow-x: hidden;   }   .offers__form::before,   .offers__sort::before,   .offers__head::before {  position: absolute;  content: '';  background-color: var(--blue-100);  height: 100%;  width: 150vw;  left: -3rem;  bottom: 0;   }   .offers__form > *, .offers__sort > *, .offers__head > * {   position: relative;   }   .offers__form {  padding: 3rem 0;  margin: 0;   }   .offers__sort {  padding: 1rem;  position: relative;   }   .offers__sort::before {  box-shadow: 0 2px 2px 0 hsla(0, 0%, 0%, 0.2), 0 6px 10px 0 hsla(0, 0%, 0%, 0.3);  border-top: 1px solid var(--grey-500);   }   .offers__section-container {  margin: 0;  font-size: 0.9rem;   } } .chip {   font-size: 1.6rem;  border: .2rem solid var(--grey-500);   border-radius: 0.2em;   display: inline-flex;   height: 2.5em;   outline: 0;   padding: 0 .75em 0 .75em;   position: relative;   align-items: center;   gap: 1em;   cursor: pointer; } .l-chip__container {   display: flex;   flex-wrap: wrap;   gap: 1em;   margin: 2em 0;   } @media (max-width: 1199.8px) {   .l-chip__container {  overflow-x: auto;  white-space: nowrap;  scrollbar-width: none;  flex-wrap: nowrap;  padding: 0rem 1rem;   } } .chip__label {}  .chip--del {   border-color: var(--red-500);   color: var(--red-500);   font-weight: bold; } .chip--del::after {   content: '';   height: 2em;   aspect-ratio: 1 / 2;   background: url('../img/del_icon.svg') no-repeat center center / cover; }  .chip-nav-wrapper {   position: relative;  display: none;   align-items: center;   margin-top: 2em;   margin-bottom: 1em; } .l-chip__container {   overflow-x: auto;   scroll-behavior: smooth;   white-space: nowrap;   width: 100%; } .chip-scroll-btn--left {   margin-right: 5px; } .chip-scroll-btn--right {   margin-left: 5px; } .l-result__m-filter-navigation {   display: none; } .l-result__filter-container {  grid-auto-rows: 5rem; } main:has(.l-result__m-container.open) {   z-index: 10; } @media (max-width: 799.8px) {   .l-result__filter-container.open {  height: 100vh;  background-color: white;  position: absolute;  top: 0;  right: 0;  overflow-y: auto;  padding: 1rem;  width: clamp(25rem, 87vw, 35rem);  pointer-events: all;   }   .l-result__m-overlay.open .l-result__m-filter-btn {  margin: 0;  font-size: 2em;  pointer-events: all;  width: auto;  height: 3rem;  color: var(--grey-50);  background: var(--blue-500);  border-radius: 6px;  padding-left: 0.5em;  padding-right: 0.5em;   }   .l-result__m-overlay:has(.l-result__filter-container.open) {  background: rgba(0, 0, 0, 0.3);  width: 100vw;  height: 100vh;  position: fixed;  top: 0;  left: 0;  z-index: 9;  pointer-events: none;   }   .l-result__filter-container.open>.dropdown:last-of-type>button {  border-bottom: none;   }   .l-result__m-filter-name {  font-size: 2.3em;   }   .l-result__m-filter-btn-span {  font-size: 16px;  text-align: center;  padding-right: 0.5em;   } .l-result__m-filter-navigation {  display: flex;  justify-content: space-between;  align-items: center;  padding: 2rem 1rem;   }   .dropdown {  border-bottom: 2px   }   .cmb__options--filter {  position: relative;   }   .cmb__btn--filter {  background: none;  border: none;  border-radius: 0em;  border-bottom: 2px solid var(--grey-400);  padding: 1em 0.5em;   }   .cmb__btn--filter .cmb__value {  font-weight: bold;   }   .cmb__btn--filter[aria-expanded=true] {  border: none;  border-bottom: 2px solid transparent;   }   .cmb__btn--filter:active {  border: none;  border: 2px solid black;   }   .cmb__options--filter .filter__group {  margin-left: 1.5em;   }   .cmb__options--filter .filter__group-legend {  display: none;   }   .cmb__options--filter .filter__group .btn {  display: none   }   .cmb__options--filter .filter__group {  border: none;  box-shadow: none;  margin-bottom: 0.5rem;   }   .cmb__options--filter {  box-shadow: none;  border-radius: 0px;  border: none;  border-bottom: 2px solid var(--grey-400);   } .cmb__options--filter .filter__list {  row-gap: 10px;  margin-top: 0.8rem;  margin-bottom: 1.5rem;   }  }  #gewichtung_page::before {  content: '';  position: fixed;  width: 100vw;  height: 100%;  right: 0;  top: 0;  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2) 0%, hsla(244, 100%, 64.9%, 0.2) 50%, hsla(0, 0%, 100%, 0.2) 70%, hsla(0, 0%, 100%, 0.4) 80%, hsla(0, 0%, 100%, 0.6) 90%, hsla(0, 0%, 100%, 1) 100%); } .gewichtung {  display: flex;  flex-direction: column;  gap: 2rem;  font-size: 0.8rem;  --fs-btn-gewichtung: 2em;  --size-gew--btn-inner: 70%;  --btn-size-gewichtung: calc(var(--fs-btn-gewichtung) * 2);  --gewichtung-border-stroke: 2px;  --pd-gewichtung: 2em;  --font-size-gewichtung-txt: 3.3em;  --move-item: calc(var(--font-size-gewichtung-txt) + var(--font-size-gewichtung-txt) + var(--pd-gewichtung)); } @media (max-width: 799.8px) {  .gewichtung {   font-size: 0.6rem;   --fs-btn-gewichtung: 2.7em;  } } .gewichtung__li-item {  position: relative;  left: var(--move-item); } .gewichtung__li-item::marker {  font-size: var(--font-size-gewichtung-txt);  color: var(--main-color);  white-space: collapse;  font-weight: 500; } .gewichtung__item {  background-color: white;  display: grid;  position: relative;  right: var(--move-item);  border: var(--gewichtung-border-stroke) solid black;  border-radius: 0.8em;  padding: var(--pd-gewichtung) 0;  justify-content: space-between;  grid-template-columns: var(--move-item) 1fr var(--btn-size-gewichtung) var(--pd-gewichtung); } .gewichtung__txt {  font-size: var(--font-size-gewichtung-txt);  text-align: left;  grid-column: 2;  padding: 0 0.2em;  margin-bottom: 0.6em;  font-weight: 500; } .gewichtung__btn {  grid-column: 3;  position: relative;  display: flex;  align-items: center;  justify-content: center;  width: var(--btn-size-gewichtung);  height: var(--btn-size-gewichtung);  aspect-ratio: 1/1; } .gewichtung__btn::after {  transition: all 0.4s ease-in-out;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%; } .gewichtung__btn[aria-pressed="false"]::after {  content: '';  position: absolute;  border-radius: 50%;  background-color: white;  width: var(--size-gew--btn-inner);  height: var(--size-gew--btn-inner); } .gewichtung__btn[aria-pressed="true"]::after {  content: 'x2';  position: absolute;  font-size: var(--fs-btn-gewichtung); } @media (hover: hover) {  .gewichtung__btn[aria-pressed="false"]:hover::after {   content: 'x2';   color: var(--main-color);   font-size: var(--fs-btn-gewichtung);  } } .gewichtung__cmb {  grid-row: 2;  grid-column: 2/3; }  .change-result__intro p:last-child {  margin-bottom: 1.5em; }  @media (max-width: 499.8px) {  .gewichtung {   --fs-btn-gewichtung: 2.7em;  }  .gewichtung__cmb {   grid-column: 1/-1; }  .gewichtung__item {   padding-bottom: 0;  }  .gewichtung__txt {   padding-bottom: 1em;  } } .weighting__submit {  text-align: right;  margin-top: 4rem;  justify-content: end; } .weighting__submit-btn {  display: inline-flex;  align-items: center;  gap: 0.5rem;  border-radius: 10px;  padding: 0.1em 0.2em;  padding-left: 0.5em; } .weighting__submit-icon {  width: 5.25rem;  height: 5.25rem;  transform: scaleX(-1);  filter: invert(100%); } .gewichtung__txt > *{  position: relative;  font-size: 1em;  display: inline; } .gewichtung{  counter-reset: thNr; }   .gewichtung__txt > *:first-child::before {   content: counter(thNr)'.' / "";   position: absolute;   color: var(--main-color);   background: white;   z-index: 3;   width: max-content;   display: flex;   justify-content: center;   align-items: center;   font-weight: 500;   left: -3ex;  }  .gewichtung__li-item {   counter-increment: thNr;  }  @media (max-width: 499.8px) {  .gewichtung__txt > *:first-child::before {   content: none;  }   .gewichtung__item {   grid-template-columns: 1fr var(--btn-size-gewichtung) var(--pd-gewichtung);   position: relative;  } .gewichtung__item::before { position: absolute;   z-index: 3;   width: max-content;   height: 1em;   left: calc(var(--pd-gewichtung) - var(--pd-before));   top: -0.5em;   --bg-ch: 59%;   background: transparent;   color: var(--main-color);   font-size: var(--font-size-gewichtung-txt);   font-weight: 500;   content: counter(thNr) / "";   display: flex;   justify-content: center;   align-items: center;   padding: 0 var(--pd-before);  }  .gewichtung__item::after {   position: absolute;   z-index: 2;   width: max-content;   height: 1em;   left: calc(var(--pd-gewichtung) - var(--pd-before));   top: -0.5em;   --bg-ch: 59%;   background: white;   color: transparent;   font-size: var(--font-size-gewichtung-txt);   font-weight: 500;   content: counter(thNr) / "";   filter: blur(3px);   padding: 0 var(--pd-before);  }   .gewichtung__txt {   grid-column: 1;  }  .gewichtung__btn {   grid-column: 2;  }  .gewichtung__li-item::marker {   font-size: 0;  }  .gewichtung {   --move-item: 0;   --pd-gewichtung: 2rem;   --pd-before: 0.5rem;  }  .gewichtung__txt {   padding: 0 0.2em 0 var(--pd-gewichtung);  }  .cmb__btn--ranking {   border: 0;   padding-left: var(--pd-gewichtung);   padding-right: var(--pd-gewichtung);  } } .fachwort {   display: inline-block;   position: relative;   --triangle-w: 1rem;   --moveExpl: -1rem;  }  .fachwort> :first-child {   text-decoration: underline;   text-decoration-style: dotted;   text-underline-offset: 10%;   text-decoration-thickness: 8%;   cursor: help;  }   .fachwort>summary::marker {   content: '';   font-size: 0;  }   .fachwort> :nth-child(2) {   position: absolute;   background: var(--main-color);   top: calc(100% + 0.8rem);   max-width: (50vw, 33rem);   width: max-content;   min-width: 100%;   border-radius: 5px;   padding: 5px;   color: white;   z-index: 9;   left: var(--moveExpl);   font-size: var(--fs-xxs);  }   @media(min-width: 800px) {   .fachwort> :nth-child(2),   .fachwort p { font-size: var(--fs-xs);   }  }   .fachwort.switchDir> :nth-child(2) {   right: var(--moveExpl);   left: unset;  }   .fachwort.switchDir>div::before {   right: var(--triangle-w);   left: unset;  }   .fachwort>div::before {   width: var(--triangle-w);   height: var(--triangle-w);   left: var(--triangle-w);   background: var(--main-color);   content: '';   position: absolute;   top: calc(var(--triangle-w) / -2);   rotate: 45deg;  }   .fachwort ul {   padding: 0.2em 0 0 1em;   list-style: disc;  }   .fachwort p {   font-size: 1em  } .print_show {   visibility: hidden !important; }  @media print {   .print_hide {  display: none !important;   }   .print_show {  visibility: visible !important;   }   .details__title::after {  display: none !important;   }   .l-chip__container {  padding: 0rem;  overflow-x: inherit;  white-space: initial;  flex-wrap: wrap;  padding: 0rem 4rem;   }   .l-grid-stack {  grid-template-columns: 1fr;   }   .card {  box-shadow: unset;   }   .details__summary {  height: auto !important;   } } .l-grid-stack {   display: grid;   width: 100%;  --l-stack-min-content-width: 20rem;   --card-img-height: 20rem;  grid-template-columns: repeat(auto-fit, minmax(var(--l-stack-min-content-width), 1fr));  row-gap: var(--l-stack-row-gap);   column-gap: var(--l-stack-col-gap); }  .l-grid-stack--w30 {   --l-stack-min-content-width: 32rem; --l-stack-row-gap: 30px;  --l-stack-col-gap: 30px; } @media (max-width: 500px){   .l-grid-stack--w30 {   --l-stack-min-content-width: 28rem;   --l-stack-row-gap: var(--mg-lr-main);   } } .l-card {   height: 100%;   z-index: 1; } .card {   --card-bd-radius: 3rem;   --card-img-ratio: 366 / 200;   --card-mg-lr: 1.1rem;   --card-fs: 1.8rem;   --prog-h: 2rem;   --bak-color-prog-bar: var(--grey-400);   --sum-arrow-w: 1.3em;   --sum-arrow-ratio: 23 / 11;; }  .card {   background: white;   border-radius: var(--card-bd-radius);   color: black;   display: flex;   flex-direction: column;   box-shadow: var(--box-shadow-z2);   cursor: pointer; } .card__pd-lr{   padding-left: var(--card-mg-lr);   padding-right: var(--card-mg-lr); } .card__mg-lr{   margin-left: var(--card-mg-lr);   margin-right: var(--card-mg-lr); } .card > *:last-child{   margin-bottom: 1em;   margin-top: 1em; } .card__img {   aspect-ratio: var(--card-img-ratio);   width: 100%;   height: auto;   background-color: lightskyblue;   border-top-left-radius: var(--card-bd-radius);   border-top-right-radius: var(--card-bd-radius); } .card__btn{   align-self: end;   width: max-content; } .passung { margin-top: 1em;   margin-bottom: 2em;  } .passung__bar {   height: var(--prog-h);   background: var(--bak-color-prog-bar);   width: 100%;   border-radius: calc(var(--prog-h) / 2);   box-shadow: var(--box-shadow-z2); } .passung__fill {   height: var(--prog-h);   width: var(--passung-value);   width: 0;   min-width: var(--prog-h);   background: var(--main-color);   border-radius: calc(var(--prog-h) / 2); } .passung {   --prog-triangle-size: 1rem;   --prog-label-width: 5rem;   --prog-label-pd: 0.5rem; } .passung__value-container {   margin-bottom: calc(var(--prog-triangle-size) / -2);   display: flex; } .passung__value-label-outer {   position: relative;   width: max-content;   left: clamp(calc(0% + var(--prog-label-width) / 2), var(--passung-value), calc(100% - var(--prog-label-width) / 2));   left: clamp(calc(0% + var(--prog-label-width) / 2), var(--passung-value), calc(100% - var(--prog-label-width) / 2) + 1rem); } .passung__value-label {   position: relative;   background: var(--main-color);   color: white;   left: -50%;   padding: var(--prog-label-pd);   width: var(--prog-label-width);   border-radius: 5px; } .passung__triangle-container {   margin-bottom: 2rem;   position: relative; } .passung__value-triangle {   position: absolute;   border-style: solid;   border-width: var(--prog-triangle-size) var(--prog-triangle-size) 0 var(--prog-triangle-size);   border-color: var(--main-color) transparent transparent transparent;   transform: rotate(0deg);   top: calc(var(--prog-triangle-size) / 2 -2px);   left: clamp(calc(var(--prog-h) / 2), calc(var(--passung-value) - var(--prog-triangle-size)), 100%); } .berufsfelder_page {   max-width: 140rem;   width: 95vw;   margin: 0 14rem; } @keyframes grow {  0% {   width: var(--prog-h);  }   100% {   width: var(--passung-value);  } }  .l-card.is-visible .passung__fill {  animation: grow 1s forwards;  width: var(--prog-h); }  .l-card.is-visible .passung__value-triangle {  animation: changeColor 0.5s forwards 1s;  opacity: 0; }  .l-card.is-visible .passung__value-label {  opacity: 0;  animation: changeColor 0.5s forwards 1s; }  @keyframes changeColor {  0% {   opacity: 0;  }   100% {   opacity: 1;  } }  @keyframes slideUpFade {  0% {   transform: translateY(20px);   opacity: 0;  }   60% {   opacity: 1;  }   100% {   transform: translateY(0);   opacity: 1;  } }  @keyframes popFade {  0% {   transform: translateY(10px) scale(1);   opacity: 0;  }   100% {   transform: translateY(0) scale(1);   opacity: 1;  } }  @keyframes introSlideUpFade {  0% {   transform: translateY(20px);   opacity: 0;  }   50% {   opacity: 0.9;  }   100% {   transform: translateY(0);   opacity: 1;  } }  .l-hero .l-hero__heading, .l-hero .l-hero__txt, .l-hero .c-hero__btn, .l-hero .hero__img, .l-hero picture, .hero__img-inner-wrap::before {  opacity: 0;  transform: translateY(20px); }  .l-hero.is-visible .l-hero__heading {  animation: slideUpFade 560ms ease-in-out forwards;  animation-delay: 0.05s; }  .l-hero.is-visible .l-hero__txt {  animation: slideUpFade 560ms ease-in-out forwards;  animation-delay: 0.12s; }  .l-hero.is-visible .hero__img, .l-hero.is-visible picture, .hero__img-inner-wrap::before {  animation: slideUpFade 560ms ease-in-out forwards;  animation-delay: 0.18s; }  .l-hero.is-visible .c-hero__btn {  animation: popFade 420ms ease-in-out forwards;  animation-delay: 0.24s; }   .c-intro__block, .l-intro, .l-intro .l-intro__img-wrap {  opacity: 0;  transform: translateY(20px); }   .c-intro__block, .l-intro__img-wrap, .l-intro {  animation: slideUpFade 560ms ease-in-out forwards }   .l-intro.is-visible .l-intro__block:nth-of-type(1) .c-intro__block .l-intro.is-visible .l-intro__img-wrap, .l-intro {  animation-delay: 0.05s; }  .l-intro.is-visible .l-intro__block:nth-of-type(2) .c-intro__block {  animation-delay: 0.23s; }  .l-intro.is-visible .l-intro__block:nth-of-type(3) .c-intro__block {  animation-delay: 0.47s; }  .l-intro.is-visible .l-intro__block:nth-of-type(4) .c-intro__block {  animation-delay: 0.77s; }  @media (max-width: 899.8px) {   .l-hero.is-visible .hero__img,  .hero__img-inner-wrap::before {   animation: slideUpFade 560ms ease-in-out forwards;   animation-delay: 0.02s;  }   .l-hero.is-visible .l-hero__heading {   animation: slideUpFade 560ms ease-in-out forwards;   animation-delay: 0.06s;  }   .l-hero.is-visible .l-hero__txt {   animation: slideUpFade 560ms ease-in-out forwards;   animation-delay: 0.13s;  }   .l-hero.is-visible .c-hero__btn {   animation: popFade 420ms ease-in-out forwards;   animation-delay: 0.20s;  } }  @media (prefers-reduced-motion: reduce) {   .l-hero .l-hero__heading,  .l-hero .l-hero__txt,  .l-hero .hero__img,  .l-hero .c-hero__btn,  .l-hero .hero__img-inner-wrap::before,  .l-intro .c-intro__block-heading,  .l-intro .c-intro__block-txt,  .l-intro .c-intro__block,  .c-intro__block,  .l-intro__img-wrap, .l-intro,  .l-hero picture,   .passung__fill,  .passung__value-label,  .passung__value-triangle {   animation: none !important; transition: none !important; transform: none !important; opacity: 1 !important; will-change: auto !important;  }   .passung__fill {   width: var(--passung-value) !important;  } } .l-result__filter-btn {   display: none; } @media (max-width: 799.8px) {   .l-result__filter-btn {  display: flex;   }   section.l-result__filter-container {  display: none;   }   .l-result__filter-container.open {  display: block;  position: absolute;  z-index: 5;  padding: 1rem;  background: white;  box-shadow: var(--box-shadow-z3);   } } .filter__item { gap: 0.5rem 1rem;   grid-column: 1 / 5;   display: grid;   grid-template-columns: var(--chk-size) 1fr max-content var(--chk-size);  grid-template-columns: subgrid;   align-items: baseline;   --chk-size: 1.25em;   --chk-border-width: 0.2rem;   --chk-color: var(--main-color);   } .filter__list {   display: flex;   flex-direction: column;   row-gap: 5px;   margin: 0.3em 0 0.6em;   grid-template-columns: 1.2em 1fr max-content max-content;   display: grid;   font-size: 2rem; } .filter__chk {   width: var(--chk-size);   height: var(--chk-size);   aspect-ratio: 1/1;   border: var(--chk-border-width) solid var(--chk-color);   border-radius: 0.15em;   transform: translateY(-0.075em);   display: grid;   place-content: center; } .filter__chk::before {   content: "✓";   transform: scale(0);   transition: 120ms transform ease-in-out; } .filter__chk:checked {   background-color: var(--main-color);   color: white; } .filter__chk:checked::before {   transform: scale(1);   content: "✓";   align-self: baseline;   justify-self: center;   text-align: center;   display: flex; } .filter__chk:disabled {   color: var(--col-disabled); } .filter__chk:disabled~.filter__label {   color: var(--col-disabled); } .filter__chk:disabled~.filter__item-count {   color: var(--col-disabled); } .filter__label {   display: inline-flex;   align-items: baseline;   gap: 4px;   justify-content: space-between; } .filter__icon { width: 1em; height: 1em; } .filter__icon img{   width: 100% } .filter__chk:disabled {   border-color: var(--col-disabled); } .filter__item-count {   text-align: end;   grid-column: 4; }  .filter__group {   border: 0px solid var(--grey-400);   --mg-lr: 0.4em; } .filter__group>*:not(legend) {   margin-left: var(--mg-lr);   margin-right: var(--mg-lr); } .filter__group>*:last-child {   margin-bottom: 0.4em; } .filter__group-legend {   font-weight: bold;   width: 100%;   padding-left: var(--mg-lr);   padding-right: var(--mg-lr);   margin: unset;   margin-bottom: 1rem;   margin-top: 0.7rem; } .l-result__filter-btn {  grid-column: 1/3; } .l-result__filter-container {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(33rem, 1fr));  gap: 1rem 1rem; } .l-result__results {  display: flex;  flex-flow: column;  gap: 0; } .info-block {  display: grid;  grid-template-columns: 1fr 1fr; } .info-block__offer-info {  justify-self: end;  grid-row: 1/3; } .l-result__filter-txt {  grid-row: 2; } @media (max-width: 999.8px) {  .info-block { grid-template-columns: 1fr;  }  .info-block__offer-info { justify-self: start;  }  .info-block__offer-info,  .l-result__filter-txt { grid-row: unset;  } }  .l-result__chips {  grid-column: 1/3;  grid-row: 4; } .erg__head {  margin: 1em 0; } .erg__block {  box-shadow: var(--box-shadow-z3); } .erg__link {  color: hsl(0, 0%, 0%);  text-decoration: none;  display: grid;  display: flex;  align-items: center;  justify-content: space-between;  grid-auto-flow: column;  gap: 0.3em;  overflow-wrap: anywhere; } .erg__link.l-erg__link {  gap: 1em; } .erg__link:hover {  text-decoration: underline;  color: var(--main-color); } .erg__link-img {  height: 1em; } .erg__li:nth-child(even) {  background-color: var(--blue-50); } .erg__list {  display: flex;  flex-direction: column; } .erg__li {  width: 100%;  padding: 0.5em 1em;  display: flex;  justify-content: space-between;  font-size: var(--fs-s); } .erg__icon-container {  display: flex;  position: relative;  align-items: center;  gap: 3px;  --tt-btn-size: 1.2em;  --icon-gap: 1rem; } .erg__icon-container>* {  display: flex;  align-items: center;  height: var(--tt-btn-size);  min-width: max-content; } .erg__icon-container>* {  padding-left: var(--icon-gap); } .erg__icon-container>*:first-child {  margin-right: var(--icon-gap); } .erg__icon-container>*:last-child {  margin-right: 0; } .angebot-icon {  display: flex;  align-items: center;  justify-content: end; } .angebot-icon__img {  height: 30px; } .angebot-btn {  border-left: 1px solid var(--grey-400);  padding-top: 5px;  padding-bottom: 5px;  height: max-content; } .tooltip {  position: relative; } .tooltip__btn {  height: var(--tt-btn-size);  width: var(--tt-btn-size); } .tooltip__txt {  position: absolute;  right: 0;  bottom: 100%;  margin-bottom: 3px;  border: 2px solid var(--tt-color);  background-color: var(--tt-color-secundary);  color: black;  border-radius: 7px;  padding: 2px;  font-size: var(--fs-xs);  max-width: min(30rem, 50vw);  width: max-content; } @media (max-width: 799.8px) {  .tooltip__txt {   left: unset;   right: 0;  }  .erg__link-txt {   font-size: var(--fs-xs);   overflow-wrap: anywhere;  }  .l-tooltip {   gap: 0;  } } #thesen_page {   margin-top: 0; } .these {   display: grid;   position: relative;   --th-pd-lr: 2rem;   --th-pd-ou: 2rem;   --th-info-mn-h: 2.8rem;   max-width: 83em;   font-size: 1rem;   margin: 1rem 0; } @media (max-width: 799.8px) {   .these {  font-size: 0.7rem;   } } .l-these__info {   grid-row: 1;   grid-column: 2;   display: flex;   align-items: start;   justify-content: end;   position: relative;   background-color: white;   padding: var(--th-pd-ou) var(--th-pd-lr) 0 var(--th-pd-lr); } @media (max-width: 499.8px) {   .l-these__info {  grid-column: 1/3;   } } .these__nr {   z-index: 1;   grid-row: 1;   grid-column: 1;   font-size: 2.9em;   background-color: white;   padding: var(--th-pd-ou) var(--th-pd-lr);   white-space: nowrap;   display: inline-block; } .these__info-btn {   width: 2em;   font-size: 1.8em;   font-weight: bold;   z-index: 3;   display: flex;   align-items: center;   justify-content: center;   background-color: var(--main-color);   height: var(--th-info-mn-h); } .these__info-btn:after {   display: inline-block;   color: white; } .these__info-btn[aria-expanded=true]::after {   content: "X"; } .these__info-btn[aria-expanded=false]::after {   content: "?"; } .these__info-btn[aria-expanded=false] {   height: unset; }  .these__info-txt {   min-height: var(--th-info-mn-h);   position: absolute;   z-index: 2;   background: var(--main-color);   padding: 5px 2em 5px 10px;   border-radius: 10px;   color: white;   width: calc(100% - 2* var(--th-pd-lr));   box-shadow: var(--box-shadow-z3) } @media (max-width: 999.8px) {   .these__info-txt {  width: calc(160% - 2* var(--th-pd-lr));   } } @media (max-width: 498.8px) {   .these__info-txt {  width: calc(100% - 2* var(--th-pd-lr));   } } #thesen-container {   display: grid;   grid-row: 2;   grid-column: 1/3;   background-color: white;   padding: 0 var(--th-pd-lr) var(--th-pd-ou); } #thesen-container details {   display: inline-flex; } .these__txt {   grid-row: 1;   grid-column: 1;   font-weight: bold;   overflow-wrap: break-word;   padding: 0.1em 0.1em 0.5em; }  .these__txt>* {  font-size: 3.3em;  display: inline; } .these__txt--selected {   background: white;   z-index: 1; } .these__controls {   grid-row: 3;   grid-column: 1/3;   display: flex;   justify-content: center;   gap: 2rem;   align-self: end;   flex-wrap: wrap;   padding: var(--th-pd-ou) var(--th-pd-lr);   background-color: white; } .these__bg {   width: 100%;   height: 100%;   position: absolute;   overflow: hidden; } .these__bg::after, .these__bg::before {   content: '';   width: 100%;   height: 100%;   position: absolute;   background-image: url('../img/these/00_th.jpeg');   opacity: 1;   background-position: center;   background-size: cover;   left: 0;   bottom: 0; } .these__bg::before {   background-image: url('../img/these/01_th.jpeg');   opacity: 0;   z-index: 0; } .these__prog {   grid-row: 4;   grid-column: 1/3;   width: 100%;   display: grid;   justify-content: center;   gap: 5px;   background: white;   padding-bottom: 2rem;   grid-auto-flow: column;   grid-auto-columns: 1fr;   padding: 2rem var(--th-pd-lr);   display: none; } .these__prog-step {   border-radius: 50%;   display: inline-block;   aspect-ratio: 1/1;   background-color: var(--grey-400); } .these__prog-step--fill {   background-color: var(--grey-800); } @media (max-width: 1199.8px) {   .these__controls {  grid-row: 3;  grid-column: 1/3;  display: flex;  justify-content: center;  gap: 2rem;  align-self: end;  flex-wrap: wrap;  padding: var(--th-pd-ou) var(--th-pd-lr);  background-color: transparent;   }   .these__prog {  display: none;   } } .these__info-btn {   transition: all 0.3s ease-in; } .these__info-btn::after {   transition: all 0.3s ease-in; } .these__info-btn:has(+ p:not(.these__info-txt.hidden)) {   box-shadow: none; } .these__info-btn:hover::after {   transform: scale(1.2);   font-weight: 800; } .these__info-btn:active::after {   transform: scale(0.95);   font-weight: 400; }   html[lang=es] .these__controls>*, html[lang=bg] .these__controls>* {   min-height: 5.6rem; } #thesen_page:has(#these-txt-0.these__txt--selected) .these__bg::after {   background-image: url('../img/these/00_th.jpeg'); } #thesen_page:has(#these-txt-1.these__txt--selected) .these__bg::after {   background-image: url('../img/these/01_th.jpeg'); } #thesen_page:has(#these-txt-2.these__txt--selected) .these__bg::after {   background-image: url('../img/these/02_th.jpeg'); } #thesen_page:has(#these-txt-3.these__txt--selected) .these__bg::after {   background-image: url('../img/these/03_th.jpeg'); } #thesen_page:has(#these-txt-4.these__txt--selected) .these__bg::after {   background-image: url('../img/these/04_th.jpeg'); } #thesen_page:has(#these-txt-5.these__txt--selected) .these__bg::after {   background-image: url('../img/these/05_th.jpeg'); } #thesen_page:has(#these-txt-6.these__txt--selected) .these__bg::after {   background-image: url('../img/these/06_th.jpeg'); } #thesen_page:has(#these-txt-7.these__txt--selected) .these__bg::after {   background-image: url('../img/these/07_th.jpeg'); } #thesen_page:has(#these-txt-8.these__txt--selected) .these__bg::after {   background-image: url('../img/these/08_th.jpeg'); } #thesen_page:has(#these-txt-9.these__txt--selected) .these__bg::after {   background-image: url('../img/these/09_th.jpeg'); } #thesen_page:has(#these-txt-10.these__txt--selected) .these__bg::after {   background-image: url('../img/these/10_th.jpeg'); } #thesen_page:has(#these-txt-11.these__txt--selected) .these__bg::after {   background-image: url('../img/these/11_th.jpeg'); } #thesen_page:has(#these-txt-12.these__txt--selected) .these__bg::after {   background-image: url('../img/these/12_th.jpeg'); } #thesen_page:has(#these-txt-13.these__txt--selected) .these__bg::after {   background-image: url('../img/these/13_th.jpeg'); } #thesen_page:has(#these-txt-14.these__txt--selected) .these__bg::after {   background-image: url('../img/these/14_th.jpeg'); } #thesen_page:has(#these-txt-15.these__txt--selected) .these__bg::after {   background-image: url('../img/these/15_th.jpeg'); } #thesen_page:has(#these-txt-16.these__txt--selected) .these__bg::after {   background-image: url('../img/these/16_th.jpeg'); } #thesen_page:has(#these-txt-17.these__txt--selected) .these__bg::after {   background-image: url('../img/these/17_th.jpeg'); } #thesen_page:has(#these-txt-18.these__txt--selected) .these__bg::after {   background-image: url('../img/these/18_th.jpeg'); } #thesen_page:has(#these-txt-19.these__txt--selected) .these__bg::after {   background-image: url('../img/these/19_th.jpeg'); } #thesen_page:has(#these-txt-20.these__txt--selected) .these__bg::after {   background-image: url('../img/these/20_th.jpeg'); } #thesen_page:has(#these-txt-21.these__txt--selected) .these__bg::after {   background-image: url('../img/these/21_th.jpeg'); } #thesen_page:has(#these-txt-22.these__txt--selected) .these__bg::after {   background-image: url('../img/these/22_th.jpeg'); } #thesen_page:has(#these-txt-23.these__txt--selected) .these__bg::after {   background-image: url('../img/these/23_th.jpeg'); } #thesen_page:has(#these-txt-24.these__txt--selected) .these__bg::after {   background-image: url('../img/these/24_th.jpeg'); } #thesen_page:has(#these-txt-25.these__txt--selected) .these__bg::after {   background-image: url('../img/these/25_th.jpeg'); } #thesen_page:has(#these-txt-26.these__txt--selected) .these__bg::after {   background-image: url('../img/these/26_th.jpeg'); } #thesen_page:has(#these-txt-27.these__txt--selected) .these__bg::after {   background-image: url('../img/these/27_th.jpeg'); } #thesen_page:has(#these-txt-28.these__txt--selected) .these__bg::after {   background-image: url('../img/these/28_th.jpeg'); } #thesen_page:has(#these-txt-29.these__txt--selected) .these__bg::after {   background-image: url('../img/these/29_th.jpeg'); }  #thesen_page:has(#these-txt-0.these__txt--selected) .these__bg::before {   background-image: url('../img/these/01_th.jpeg'); } #thesen_page:has(#these-txt-1.these__txt--selected) .these__bg::before {   background-image: url('../img/these/02_th.jpeg'); } #thesen_page:has(#these-txt-2.these__txt--selected) .these__bg::before {   background-image: url('../img/these/03_th.jpeg'); } #thesen_page:has(#these-txt-3.these__txt--selected) .these__bg::before {   background-image: url('../img/these/04_th.jpeg'); } #thesen_page:has(#these-txt-4.these__txt--selected) .these__bg::before {   background-image: url('../img/these/05_th.jpeg'); } #thesen_page:has(#these-txt-5.these__txt--selected) .these__bg::before {   background-image: url('../img/these/06_th.jpeg'); } #thesen_page:has(#these-txt-6.these__txt--selected) .these__bg::before {   background-image: url('../img/these/07_th.jpeg'); } #thesen_page:has(#these-txt-7.these__txt--selected) .these__bg::before {   background-image: url('../img/these/08_th.jpeg'); } #thesen_page:has(#these-txt-8.these__txt--selected) .these__bg::before {   background-image: url('../img/these/09_th.jpeg'); } #thesen_page:has(#these-txt-9.these__txt--selected) .these__bg::before {   background-image: url('../img/these/10_th.jpeg'); } #thesen_page:has(#these-txt-10.these__txt--selected) .these__bg::before {   background-image: url('../img/these/11_th.jpeg'); } #thesen_page:has(#these-txt-11.these__txt--selected) .these__bg::before {   background-image: url('../img/these/12_th.jpeg'); } #thesen_page:has(#these-txt-12.these__txt--selected) .these__bg::before {   background-image: url('../img/these/13_th.jpeg'); } #thesen_page:has(#these-txt-13.these__txt--selected) .these__bg::before {   background-image: url('../img/these/14_th.jpeg'); } #thesen_page:has(#these-txt-14.these__txt--selected) .these__bg::before {   background-image: url('../img/these/15_th.jpeg'); } #thesen_page:has(#these-txt-15.these__txt--selected) .these__bg::before {   background-image: url('../img/these/16_th.jpeg'); } #thesen_page:has(#these-txt-16.these__txt--selected) .these__bg::before {   background-image: url('../img/these/17_th.jpeg'); } #thesen_page:has(#these-txt-17.these__txt--selected) .these__bg::before {   background-image: url('../img/these/18_th.jpeg'); } #thesen_page:has(#these-txt-18.these__txt--selected) .these__bg::before {   background-image: url('../img/these/19_th.jpeg'); } #thesen_page:has(#these-txt-19.these__txt--selected) .these__bg::before {   background-image: url('../img/these/20_th.jpeg'); } #thesen_page:has(#these-txt-20.these__txt--selected) .these__bg::before {   background-image: url('../img/these/21_th.jpeg'); } #thesen_page:has(#these-txt-21.these__txt--selected) .these__bg::before {   background-image: url('../img/these/22_th.jpeg'); } #thesen_page:has(#these-txt-22.these__txt--selected) .these__bg::before {   background-image: url('../img/these/23_th.jpeg'); } #thesen_page:has(#these-txt-23.these__txt--selected) .these__bg::before {   background-image: url('../img/these/24_th.jpeg'); } #thesen_page:has(#these-txt-24.these__txt--selected) .these__bg::before {   background-image: url('../img/these/25_th.jpeg'); } #thesen_page:has(#these-txt-25.these__txt--selected) .these__bg::before {   background-image: url('../img/these/26_th.jpeg'); } #thesen_page:has(#these-txt-26.these__txt--selected) .these__bg::before {   background-image: url('../img/these/27_th.jpeg'); } #thesen_page:has(#these-txt-27.these__txt--selected) .these__bg::before {   background-image: url('../img/these/28_th.jpeg'); } #thesen_page:has(#these-txt-28.these__txt--selected) .these__bg::before {   background-image: url('../img/these/29_th.jpeg'); }